$(function(){
    //获取用户信息
    getUserInfo();


    //实现退出功能
    $('#logout').click(function(){
        layer.confirm('确定要退出?', {icon: 3, title:'提示'}, function(index){
            //do something
            // 销毁凭证
            localStorage.removeItem('token');
            // 跳转到登录
            location.href = '/login.html';
            layer.close(index);
        });
    })
})
// 请求报文：客户端和服务器说的话
// 请求头 额外加一个凭证 
// 请求体 请求参数 无

function getUserInfo(){
    // 添加请求头信息
    $.ajax({
        method:'get',
        url:'/my/userinfo',
        //小票
        // headers:{
        //     //本地存储没东西返回值是null，后面的值必须是字符串
        //     Authorization:localStorage.getItem('token') || ''
        // },
        success:function(res){
            console.log(res)
            if(res.status!=0)return layer.msg('获取用户信息失败');
            // 如果有昵称nickename就用昵称，否则就用用户名username
            if(res.data.nickname == ''){
                //用户名
                $('.userinfo .username').html(res.data.username);
            }else{
                //用昵称
                $('.userinfo .username').html(res.data.nickname);
            }
            // 如果有头像我们就用头像，如果没有，我们就把用户名首字母来做为文本头像
            if(res.data.user_pic){
                //用头像
                $('.layui-nav-img').attr('src',res.data.user_pic).show();
            }else{
                // 用文本头像
                // res.data.username.charAt(0)
                $('.text-avatar').html(res.data.username[0].toUpperCase()).show();
            }
        },
        // error:function(){

        // },
        //不管请求是成功还是失败，都会调用这块 只需要写一份就可以
        complete:function(res){
            //登录拦截，如果非法进来的，直接跳转到登录页面
            if(res.responseJSON.status == 1){
                localStorage.removeItem('token');//防止黑客攻击
                location.href = '/login.html';
            }
        }
    })



}


// 这个世界上的文件类型是有很多
// 但是从大的方向上来划分只有两种
// 纯文本文件 可以用记事打开不会乱码 html,css,js 
// 二进制文件 0101 图片 doc 视频 音乐 

